<#include "../header.ftl">
<html>
<body>

<#include "../nav-top.ftl">
<div class="sui-container" style="margin-top: 30px;">
    <ul class="sui-breadcrumb" style="padding: 0px 0px">
        <li><a href="#">系统支撑</a></li>
        <li class="active">游戏上/下架</li>
    </ul>

    <div class="sui-row-fluid">

        <div class="span12">
            <form id="form-msg" class="sui-form form-horizontal" novalidate="novalidate">
                <div class="control-group">
                    <label for="inputEmail">游戏名称：</label>
                    <div class="controls">
                        <input type="text" class="input-large" id="inputEmail" name="email" placeholder="游戏名称"
                               data-rules="required">
                    </div>
                    &nbsp;&nbsp;
                    <label for="inputEmail">游戏版本：</label>
                    <div class="controls">
                        <input type="text" class="input-large" id="inputEmail" name="email" placeholder="游戏版本"
                               data-rules="required">
                    </div>
                    &nbsp;&nbsp;
                    <label for="inputEmail">游戏大小：</label>
                    <div class="controls">
                        <input type="text" class="input-large" id="inputEmail" name="email" placeholder="游戏大小"
                               data-rules="required">
                    </div>
                    &nbsp;&nbsp;
                </div>
                <div class="control-group">
                    <label for="inputEmail">混服情况：</label>
                    <div class="controls">
                        <select class="input-large">
                            <option value="">未知</option>
                            <option value="">单平台混服</option>
                            <option value="">双平台混服</option>
                        </select>
                    </div>
                    &nbsp;&nbsp;
                    <label for="inputEmail">游戏类型：</label>
                    <div class="controls">
                        <select class="input-large">
                            <option value="">棋牌</option>
                            <option value="">射击</option>
                            <option value="">运动</option>
                        </select>
                    </div>
                    &nbsp;&nbsp;
                    <label for="inputEmail">平台类型：</label>
                    <div class="controls">
                        <select class="input-large">
                            <option value="">不限</option>
                            <option value="">IOS</option>
                            <option value="">安卓</option>
                        </select>
                    </div>
                </div>
                <div class="control-group">
                    <label for="inputEmail">备　　注：</label>
                    <div class="controls">
                        <textarea rows="3" class="input-xxlarge" maxlength="100"></textarea>
                    </div>
                </div>
                <div class="control-group">
                <#--<a href="list" class="sui-btn btn-xlarge btn-primary">上传游戏</a>&nbsp;-->
                    <button data-toggle="modal" data-target="#myModal" data-keyboard="false"
                            class="sui-btn btn-primary btn-lg btn-xlarge">上传游戏
                    </button>
                    &nbsp;
                    <a href="list" class="sui-btn btn-xlarge btn-primary">保存</a>
                </div>
            </form>

        </div>
    </div>

</div>
<div class="sui-container grid-demo" style="margin-top: 30px;">
    <div class="sui-row-fluid">
        <div class="span12">
            <ul class="sui-nav nav-tabs nav-xlarge nav-primary">
                <li class="active"><a href="#shangjia" data-toggle="tab">已上架游戏</a></li>
                <li><a href="#xiajia" data-toggle="tab">已下架游戏</a></li>
            </ul>
            <div class="tab-content">
                <div id="shangjia" class="tab-pane active">
                    <form id="form-msg" class="sui-form form-horizontal" novalidate="novalidate">
                        <div class="control-group">
                            <label for="inputEmail">游戏名称：</label>
                            <div class="controls">
                                <input type="text" class="input-large" id="inputEmail" name="email" placeholder="道ID"
                                       data-rules="required">
                            </div>
                            &nbsp;&nbsp;
                            <label for="inputEmail">游戏类型：</label>
                            <div class="controls">
                                <select class="input-large">
                                    <option value="">RPG</option>
                                    <option value="">及时战略</option>
                                    <option value="">棋牌</option>
                                    <option value="">射击</option>
                                    <option value="">运动</option>
                                </select>
                            </div>
                            &nbsp;&nbsp;
                            <label for="inputEmail">平台类型：</label>
                            <div class="controls">
                                <select class="input-large">
                                    <option value="">不限</option>
                                    <option value="">IOS</option>
                                    <option value="">安卓</option>
                                </select>
                            </div>
                            &nbsp;&nbsp;
                            <label for="inputEmail">混服情况：</label>
                            <div class="controls">
                                <select class="input-large">
                                    <option value="">不限</option>
                                    <option value="">IOS</option>
                                    <option value="">安卓</option>
                                </select>
                            </div>
                        </div>
                        <div class="control-group">
                            <label for="beginTime">开始日期：</label>
                            <div class="controls">
                                <input class="input-large" type="text" id="beginTime" data-rules="required|date"
                                       name="beginTime"
                                       data-toggle="datepicker">
                            </div>
                            &nbsp;&nbsp;
                            <label for="beginTime">结束日期：</label>
                            <div class="controls">
                                <input class="input-large" type="text" id="beginTime" data-rules="required|date"
                                       name="beginTime"
                                       data-toggle="datepicker">
                            </div>
                            &nbsp;&nbsp;
                            <a href="javascript:void(0);" class="sui-btn btn-large">查询</a>&nbsp;
                            <a href="javascript:void(0);" class="sui-btn btn-large">下架</a>
                            <a href="javascript:void(0);" class="sui-btn btn-large">授权</a>
                        </div>
                    </form>
                    <table class="sui-table table-bordered">
                        <thead>
                        <tr>
                            <th></th>
                            <th>游戏LOGO</th>
                            <th>游戏名称</th>
                            <th>游戏类型</th>
                            <th>平台类型</th>
                            <th>混服情况</th>
                            <th>上架时间</th>
                            <th>游戏说明</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td><input type="checkbox"></td>
                            <td>1</td>
                            <td>仙剑</td>
                            <td>IOS</td>
                            <td>RGP</td>
                            <td>未知</td>
                            <td>20M</td>
                            <td>1.1</td>
                            <td>
                                <a href="javascript:void(0);" class="sui-btn btn-link btn-small ">查看</a>
                                <a href="/game/edit" class="sui-btn btn-link btn-small ">编辑</a>
                            </td>
                        </tr>
                        <tr>
                            <td><input type="checkbox"></td>
                            <td>1</td>
                            <td>仙剑</td>
                            <td>IOS</td>
                            <td>RGP</td>
                            <td>未知</td>
                            <td>20M</td>
                            <td>1.1</td>
                            <td>
                                <a href="javascript:void(0);" class="sui-btn btn-link btn-small ">查看</a>
                                <a href="javascript:void(0);" class="sui-btn btn-link btn-small ">编辑</a>
                            </td>
                        </tr>
                        <tr>
                            <td><input type="checkbox"></td>
                            <td>1</td>
                            <td>仙剑</td>
                            <td>IOS</td>
                            <td>RGP</td>
                            <td>未知</td>
                            <td>20M</td>
                            <td>1.1</td>
                            <td>
                                <a href="javascript:void(0);" class="sui-btn btn-link btn-small ">查看</a>
                                <a href="javascript:void(0);" class="sui-btn btn-link btn-small ">编辑</a>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                    <div class="sui-pagination pagination-large test" style="float: right">
                        <ul>
                            <li class="prev disabled"><a href="#">«上一页</a></li>
                            <li class="next"><a href="#">下一页»</a></li>
                        </ul>
                    </div>
                </div>
                <div id="xiajia" class="tab-pane">
                    <form id="form-msg" class="sui-form form-horizontal" novalidate="novalidate">
                        <div class="control-group">
                            <label for="inputEmail">游戏名称：</label>
                            <div class="controls">
                                <input type="text" class="input-large" id="inputEmail" name="email" placeholder="道ID"
                                       data-rules="required">
                            </div>
                            &nbsp;&nbsp;
                            <label for="inputEmail">游戏类型：</label>
                            <div class="controls">
                                <select class="input-large">
                                    <option value="">RPG</option>
                                    <option value="">及时战略</option>
                                    <option value="">棋牌</option>
                                    <option value="">射击</option>
                                    <option value="">运动</option>
                                </select>
                            </div>
                            &nbsp;&nbsp;
                            <label for="inputEmail">平台类型：</label>
                            <div class="controls">
                                <select class="input-large">
                                    <option value="">不限</option>
                                    <option value="">IOS</option>
                                    <option value="">安卓</option>
                                </select>
                            </div>
                            &nbsp;&nbsp;
                            <label for="inputEmail">混服情况：</label>
                            <div class="controls">
                                <select class="input-large">
                                    <option value="">不限</option>
                                    <option value="">IOS</option>
                                    <option value="">安卓</option>
                                </select>
                            </div>
                        </div>
                        <div class="control-group">
                            <label for="beginTime">开始日期：</label>
                            <div class="controls">
                                <input class="input-large" type="text" id="beginTime" data-rules="required|date"
                                       name="beginTime"
                                       data-toggle="datepicker">
                            </div>
                            &nbsp;&nbsp;
                            <label for="beginTime">结束日期：</label>
                            <div class="controls">
                                <input class="input-large" type="text" id="beginTime" data-rules="required|date"
                                       name="beginTime"
                                       data-toggle="datepicker">
                            </div>
                            &nbsp;&nbsp;
                            <a href="javascript:void(0);" class="sui-btn btn-large">查询</a>&nbsp;
                            <a href="javascript:void(0);" class="sui-btn btn-large">重新上架</a>
                        </div>
                    </form>
                    <table class="sui-table table-bordered">
                        <thead>
                        <tr>
                            <th></th>
                            <th>游戏LOGO</th>
                            <th>游戏名称</th>
                            <th>游戏类型</th>
                            <th>平台类型</th>
                            <th>混服情况</th>
                            <th>上架时间</th>
                            <th>游戏说明</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td><input type="checkbox"></td>
                            <td>1</td>
                            <td>仙剑</td>
                            <td>IOS</td>
                            <td>RGP</td>
                            <td>未知</td>
                            <td>20M</td>
                            <td>1.1</td>
                        </tr>
                        <tr>
                            <td><input type="checkbox"></td>
                            <td>1</td>
                            <td>仙剑</td>
                            <td>IOS</td>
                            <td>RGP</td>
                            <td>未知</td>
                            <td>20M</td>
                            <td>1.1</td>
                        </tr>
                        <tr>
                            <td><input type="checkbox"></td>
                            <td>1</td>
                            <td>仙剑</td>
                            <td>IOS</td>
                            <td>RGP</td>
                            <td>未知</td>
                            <td>20M</td>
                            <td>1.1</td>
                        </tr>
                        </tbody>
                    </table>
                    <div class="sui-pagination pagination-large test" style="float: right">
                        <ul>
                            <li class="prev disabled"><a href="#">«上一页</a></li>
                            <li class="next"><a href="#">下一页»</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="myModal" tabindex="-1" role="dialog" data-hasfoot="false" class="sui-modal hide fade">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" data-dismiss="modal" aria-hidden="true" class="sui-close">×</button>
                <h4 id="myModalLabel" class="modal-title">上传游戏</h4>
            </div>
            <div class="modal-body">
                <form class="sui-form form-horizontal" novalidate="novalidate">
                    <div class="control-group">
                        <label for="inputEmail">游戏LOGO：</label>
                        <div class="controls">
                            <input type="file" class="input-large" id="inputEmail" name="email" placeholder="道ID"
                                   data-rules="required">
                        </div>
                    </div>
                    <div class="control-group">
                        <label for="inputEmail">游戏文件：</label>
                        <div class="controls">
                            <input type="file" class="input-large" id="inputEmail" name="email" placeholder="道ID"
                                   data-rules="required">
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" data-ok="modal" class="sui-btn btn-primary btn-large">确定</button>
                <button type="button" data-dismiss="modal" class="sui-btn btn-default btn-large">取消</button>
            </div>
        </div>
    </div>
</div>
<#include "../footer.ftl">
<script src="../../static/js/game/group/add.js"></script>
<script>
    $('#myModal').on('okHide', function (e) {
        console.log('okHide')
    })
    $('#myModal').on('okHidden', function (e) {
        console.log('okHidden')
    })
    $('#myModal').on('cancelHide', function (e) {
        console.log('cancelHide')
    })
    //    $('#myModal').on('cancelHidden', function(e){console.log('cancelHidden')})
</script>
<script>
    $('.test').pagination({
        pages: 6
    })
</script>
</body>
</html>
